<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        /*选择器{
            key1（css属性）:value1(css属性的值);
            key2（css属性）:value2(css属性的值);
            key3（css属性）:value3(css属性的值);
        }*/

        /*选择器是分好几类的*/
        /*1. 元素选择器，也叫做标签选择，可以通过 html标签找到对应的内容*/
        h1 {
            /*css语法*/
            /*1. 高度 2. 宽度 3. 边框  4. 文字相关的样式 a. 字体 b. 大小 c. 颜色，文字的三要素 5. 背景*/
            width: 100px;
            height: 100px;
            /*background-color 背景色*/
            /*background-color: blue;*/
            /*border: 1px solid blue;*/
            /*颜色的表示：英语单词 red green blue black white gold pink*/
            /*十六进制表示法：#ff0000*/
            /*border: 10px solid gold;*/
            /*border: 10px solid #ff0000;*/
            /*border: 10px solid #00ff00;*/
            /*rgb写法 rgb(0-255, 0-255, 0-255)*/
            /*border: 10px solid #0000ff;*/
            /*border: 5px solid rgb(255, 0, 0);*/
            /*颜色 红绿蓝是三原色，所有其他的颜色都可以基于这三种混合而来*/
            /*border: 5px solid rgb(0,255, 0);*/
            border: 10px solid #3a9d74;

            font-family: '微软雅黑';
            /*color: #4f5c7e;*/
            color: rgb(29, 92, 126);

            /*由于很多的标签都是具有默认的样式，并且有些样式在不同的浏览器显示的效果还不一样，一般我们会把这些标签的样式全部重置，使其在各个浏览器下的显示效果一致，然后如果要做什么其他的样式，那么我们可以通过 css代表的修饰，而不是使用其默认的样式 一般 reset.css 操作*/
            font-size: 16px;


        }

    </style>

</head>
<body>
<h1>我是标题</h1>
</body>
<script type="text/javascript">

</script>

</html>
